<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>eMarket App</title>

    <!-- Core CSS - Include with every page -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- SB Admin CSS - Include with every page -->
    <link href="css/sb-admin.css" rel="stylesheet">

    <!-- The fav icon -->
    <link rel="shortcut icon" href="img/favicon.ico">

</head>

<body>

    <div id="wrapper">

        <nav class="navbar navbar-default-header navbar-fixed-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html" wicket:id="logoLink">e.Market  v1.4</a>
            </div>
            <!-- /.navbar-header -->

            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-user fa-fw"></i>&nbsp;
                        <span wicket:id="username">john</span>&nbsp;&nbsp;
                        <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#" wicket:id="dashboardLink"><i class="fa fa-gear fa-fw"></i> Dashboard</a></li>
                        <li class="divider"></li>
                        <li><a href="login.html" wicket:id="logoutLink"><i class="fa fa-sign-out fa-fw"></i> Logout</a></li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
            <!-- /.navbar-top-links -->

        </nav>

        <div id="page-wrapper-piata">
            <!-- main content -->
            
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">Piata 
                        <small>Interfata Incasari zilnice</small>
                    </h1>
                    <table class="tbl-btn">
                        <tr wicket:id="rand">
                            <td wicket:id="spatiu">
                                <!-- <a href="#" class="btn btn-xs" wicket:id="detailLink"><span wicket:id="codLabel">001</span></a> -->
                                
                                <!-- Button trigger modal -->
                                <button class="btn btn-my-xs" data-toggle="modal" wicket:id="detailLink">
                                    <span wicket:id="codLabel">001</span>
                                </button>
                                <!-- Modal -->
                                <div class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" wicket:id="divModal">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                <h3 class="modal-title" id="myModalLabel">Taraba <span wicket:id="codTaraba">001</span>&nbsp;&nbsp;<small><span wicket:id="statusTaraba">Plata rapida</span></small></h3>
                                            </div>
                                            <div class="modal-body">
                                                
                                                <a class="btn btn-link"><span wicket:id="lblOcupant">Titular SRL</span></a>
                                                <div class="btn-group" wicket:id="plataRapida">
                                                    <a href="#" class="btn btn-default" wicket:id="lkPlataRapida"><span wicket:id="lblPlataRapida">15 RON</span></a>
                                                </div>
                                                <a class="btn btn-default" href="#" wicket:id="btnAbsenta">+ Absenta</a>&nbsp;&nbsp;
                                                <span wicket:id="lblAbsenta">5</span>
                                                
                                                <hr>
                                                
                                                <!-- <a class="btn btn-link disabled">Asociat SRL</a>
                                                <div class="btn-group" >
                                                    <a href="#" class="btn btn-primary disabled" ><span>15 RON</span></a>
                                                </div> 
                                                <a class="btn btn-default disabled" href="#" >Absenta</a>
                                                <hr>-->
                                                
                                                <a class="btn btn-link disabled">Taxa chirie</a>
                                                <div class="btn-group" wicket:id="plataRapida25">
                                                    <a href="#" class="btn btn-default" wicket:id="lkPlataRapida"><span wicket:id="lblPlataRapida">25 RON</span></a>
                                                </div>
                                                
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" wicket:id="detailProd"><i class="fa fa-cog"></i> Administrare</button>
                                                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                        <!-- /.modal-content -->
                                    </div>
                                    <!-- /.modal-dialog -->
                                </div>
                                <!-- /.modal -->
                                
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
                
            <div class="row">
                <div class="col-lg-12">
                    <h5 class="page-header">Legenda</h5>
                    <p>
                        <a href="#" type="button" class="btn btn-success btn-xs">Achitat Integral</a>
                        <!-- <a href="#" type="button" class="btn btn-info btn-xs">Achitat Partial</a> -->
                        <a href="#" type="button" class="btn btn-primary btn-xs">Rezervat</a>
                        <a href="#" type="button" class="btn btn-warning btn-xs">Inchiriat</a>
                        <a href="#" type="button" class="btn btn-default btn-xs">Disponibil</a>
                        <!-- <a href="#" type="button" class="btn btn-danger btn-xs">Indisponibil</a> -->
                    </p>
                    <h6 class="page-header">&nbsp;</h6>
                </div>
                
                <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">Info Piata <span wicket:id="data"></span>
                        
                            <!-- <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs" wicket:id="details">Detalii</button>
                                </div>
                            </div> -->

                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-condensed table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Incasari din</th>
                                            <th class="text-right">Valoare</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Taxe zilnice</td>
                                            <td wicket:id="totalTaxeZilnice" class="text-right">23</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Alte incasari</td>
                                            <td wicket:id="totalAlteTaxe" class="text-right">23</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>ZZZ</td>
                                            <td wicket:id="totalZzz" class="text-right">23</td>
                                        </tr>
                                        
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th colspan="3" class="text-right">Total:  <span wicket:id="totalAzi">2233</span></th>
                                        </tr>
                                        
                                    </tfoot>
                                </table>
                            </div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                    
                    <div class="panel panel-default">
                        <div class="panel-heading"><span>Incasari din Taxe zilnice</span>
                        
                            <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs" wicket:id="details">Detalii</button>
                                </div>
                            </div>

                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-condensed table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Tip Taxa</th>
                                            <th class="text-right">Tarabe</th>
                                            <th class="text-right">Valoare</th>
                                            <th class="text-right">Subtotal</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr wicket:id="raport">
                                            <td wicket:id="index">1</td>
                                            <td wicket:id="denumireTaxa">Achitat Integral</td>
                                            <td wicket:id="nrSpatii" class="text-right">20</td>
                                            <td wicket:id="valoareTaxa" class="text-right">23</td>
                                            <td wicket:id="valoareTotala" class="text-right">345,00</td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr wicket:id="raportTotal">
                                            <th colspan="3" class="text-right">Nr.Incasari:  <span wicket:id="totalTarabe">2233</span></th>
                                            <th colspan="2" class="text-right">Total:  <span wicket:id="valTotala">2233</span></th>
                                        </tr>
                                        <tr>
                                            <th colspan="3" class="text-right">Absente:  <span wicket:id="totalAbsente">2233</span></th>
                                            <th colspan="2" class="text-right">&nbsp;</th>
                                        </tr>
                                        
                                    </tfoot>
                                </table>
                            </div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                    
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <span>Alte incasari astazi</span>
                            <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs" wicket:id="detailsAA">Detalii</button>
                                </div>
                            </div>
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-condensed table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Tip Taxa</th>
                                            <th class="text-right">Tarabe</th>
                                            <th class="text-right">Valoare</th>
                                            <th class="text-right">Subtotal</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr wicket:id="raportExtra">
                                            <td wicket:id="index">1</td>
                                            <td wicket:id="denumireTaxa">Achitat Integral</td>
                                            <td wicket:id="nrSpatii" class="text-right">20</td>
                                            <td wicket:id="valoareTaxa" class="text-right">23</td>
                                            <td wicket:id="valoareTotala" class="text-right">345,00</td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr wicket:id="raportTotalExtra">
                                            <th colspan="3" class="text-right">Nr.Incasari:  <span wicket:id="totalTarabeExtra">2233</span></th>
                                            <th colspan="2" class="text-right">Total:  <span wicket:id="valTotalaExtra">2233</span></th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel incasari din Taxe periodice-->
                    
                    <div class="chat-panel panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-file fa-fw"></i>
                            <span>Alte incasari/plati astazi (ZZZ)</span>
                            <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs" wicket:id="detailsAlteIncasari">Detalii</button>
                                </div>
                            </div>
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body" wicket:id="wmcZzz">
                            <div class="table-responsive">
                                <table class="table table-condensed table-striped" >
                                    <thead>
                                        <tr>
                                            <th><div>Descriere</div></th>
                                            <th><div align="right">Data</div></th>
                                            <th><div align="right">Valoare</div></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr wicket:id="bonuriAzi">
                                            <td><div wicket:id="denumire">5</div></td>
                                            <td><div align="right" wicket:id="dataAdaugarii">230</div></td>
                                            <td><div align="right" wicket:id="valoareTotala">230</div></td>
                                        </tr>
                                        <tr wicket id="totalAzi">
                                            <td colspan="2"><div align="right"><strong>Sold:</strong></div></td>
                                            <td><div align="right"><strong wicket:id="vanzariAzi">6555</strong></div></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                        <div class="panel-footer">    
                            <form wicket:id="formAI">
                                <div class="row">
                                    <div class="col-xs-2">
                                        <input type="text" class="form-control input-sm" placeholder="valoare" wicket:id="valoareTotala">
                                    </div>
                                    <div class="col-xs-10">
                                    
                                        <div class="input-group">
                                            <input id="btn-input" type="text" class="form-control input-sm" placeholder="Scrie descriere aici ..." wicket:id="denumire"/>
                                            <span class="input-group-btn">
                                                <button class="btn btn-warning btn-sm" id="btn-chat" wicket:id="submitAI">
                                                    Salveaza
                                                </button>
                                            </span>
                                        </div>
                                        
                                    </div>
                                </div>
                                <div class="text-warning" wicket:id="feedbackAI">This is an example of warning text.</div>
                            
                            </form>
                        </div>
                    </div>
                    <!-- /.panel Incasari din alte activitati -->
                    
                    <!-- <div class="chat-panel panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-comments fa-fw"></i>
                            Observatii
                            <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs">Detalii</button>
                                </div>
                            </div>
                            
                        </div>

                            <div class="panel-body"  wicket:id="wmcComments">
                                <ul class="chat" wicket:id="lastComments">
                                    <li class="left clearfix">
                                        <span class="chat-img pull-left">
                                            <img src="http://placehold.it/50/55C1E7/fff" alt="User Avatar" class="img-circle" />
                                        </span>
                                        <div class="chat-body clearfix">
                                            <div class="header">
                                                <strong class="primary-font"><span wicket:id="createdBy">Admin</span></strong> 
                                                <small class="pull-right text-muted">
                                                    <i class="fa fa-clock-o fa-fw"></i> <span wicket:id="createdDate">12 mins ago</span>
                                                </small>
                                            </div>
                                            <p>
                                                <span wicket:id="observatie">...</span>
                                            </p>
                                        </div>
                                    </li>
                                  
                                </ul>
                            </div>

                            <div class="panel-footer">
                                <form wicket:id="formC">
                                <div class="input-group">
                                    <input id="btn-input" type="text" class="form-control input-sm" placeholder="Scrie observatia aici ..." wicket:id="observatie"/>
                                    <span class="input-group-btn">
                                        <button class="btn btn-warning btn-sm" id="btn-chat" wicket:id="submitC">
                                            Salveaza
                                        </button>
                                    </span>
                                </div>
                                <div class="text-warning" wicket:id="feedbackComments">This is an example of warning text.</div>
                                </form>
                            </div>

                    </div> -->
                    <!-- /.panel .chat-panel -->
                    
                </div>
                <!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    
                </div>
                <!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <span>Absente astazi:</span> <span wicket:id="totalAbsente">2233</span>
                            
                            <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs" wicket:id="detailsAbs">Detalii</button>
                                </div>
                            </div>
                            
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-condensed table-striped">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Taraba</th>
                                            <th>Ocupant</th>
                                            <th>Incasari extra</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr wicket:id="absenteView">
                                            <td wicket:id="index">1</td>
                                            <td><a href="#" wicket:id="lnkTaraba"><span wicket:id="taraba">001</span></a></td>
                                            <td wicket:id="ocupant">20</td>
                                            <td wicket:id="incasare">20 lei</td>
                                        </tr>
                                    </tbody>
                                    <tfoot>

                                    </tfoot>
                                </table>
                            </div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    
                </div>
                <!-- /.col-lg-6 -->
                
            </div>

        </div>


        <!-- div footer -->
        <!-- <footer>
            <hr>
            <p class="pull-left">&copy; <a href="#" target="_blank">Alex&John</a> 2013-2014</p>
            <p class="pull-right">Powered by: <a href="#">eMarket</a></p>
        </footer> -->

        <!-- div ascuns pt setari -->
        <!-- <div class="modal hide fade" id="myModal">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">?</button>
                <h3>Settings</h3>
            </div>
            <div class="modal-body">
                <p>Here settings can be configured...</p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">Close</a>
                <a href="#" class="btn btn-primary">Save changes</a>
            </div>
        </div> -->

    </div><!--/.fluid-container-->

    <!-- external javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <!-- Core Scripts - Include with every page -->
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <!-- SB Admin Scripts - Include with every page -->
    <script src="js/sb-admin.js"></script>

</body>
</html>
